// pages/login/login.js
Page({
  // 因为我们的两个input都使用了id唯一标识，所以我们直接使用一个函数，里面的操作根据我们的id来进行操作
  SigningIn(e){
    // 在e.target中可以拿到唯一id值   在e.detail.value这是我们输入的值
    // 这是平时的写法
    // if(e.target.id === 'phone'){
    //   this.setData({
    //     phone:e.detail.value
    //   })
    // }else{
    //   this.setData({
    //     password:e.detail.value
    //   })
    // }

    let type = e.target.id
    // 因为我们的id名和我们的数据名同名。而且数据也是不同的，我们可以使用对象的[xxx]写法，拿到对应的数据
    this.setData({
      [type]:e.detail.value
    })
  },
  // 点击登录的时候触发的回调
  login(){
    let {phone,password} = this.data
    //手机号的正则
    let phoneTest = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;// 网上完整正则
    // let phoneTest = /^1[3-9]\d{9}$/;// 自己设置的正则
    if(!phoneTest.test(phone)){// 手机输入为空或者是格式不对
      wx.showToast({
        title: '手机号格式错误',
        icon: 'error',
      })
      return // 不能继续往下执行
    }
    // 判断密码
    if(!password.trim()){
      wx.showToast({
        title: '密码不能为空',
        icon: 'error',
      })
      return // 不能继续往下执行
    }
    // 我们的发送请求是不能获取到登录的用户信息的，因为网易云的服务器是需要我们登录了，切换成效验，但是我们没有这个接口，所以只能自己去请求网站请求数据拿到我们需要的数据，头像、用户名、用户id
    const res = {code:200}
    if(res.code === 200){
    // 以下是我的用户信息，模拟登录成功
      const userInfo = {
        avatarUrl:"https://p2.music.126.net/03nK9nTQuNKhD2fLr9ulwQ==/109951168272813055.jpg",
        nickname:"My_BadLife",
        userId:1467249968,
      }
      // 跳转的时候我们还要将用户信息放在我们的本地存储
      wx.setStorageSync('userInfo', JSON.stringify(userInfo))
      // 跳转回我们的个人中心 一定要在这个判断里面进行跳转，否则的话，就算没有登录成功都会跳回去
      wx.reLaunch({
        url: '/pages/center/center',
      })
    }
  },
  /**
   * 页面的初始数据
   */
  data: {
    phone:'13685489687',
    password:'aaa12345678'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})